<template>
  <svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
    <!-- 背景圆 -->
    <circle cx="32" cy="32" r="28" fill="url(#reminderGradient)" />
    
    <!-- 渐变定义 -->
    <defs>
      <linearGradient id="reminderGradient" x1="0%" y1="0%" x2="100%" y2="100%">
        <stop offset="0%" style="stop-color:#FF9500;stop-opacity:1" />
        <stop offset="100%" style="stop-color:#FF6B00;stop-opacity:1" />
      </linearGradient>
    </defs>
    
    <!-- 列表图标 -->
    <g transform="translate(18, 16)">
      <!-- 圆点 -->
      <circle cx="3" cy="4" r="2.5" fill="white" opacity="0.9" />
      <circle cx="3" cy="14" r="2.5" fill="white" opacity="0.9" />
      <circle cx="3" cy="24" r="2.5" fill="white" opacity="0.9" />
      
      <!-- 线条 -->
      <rect x="9" y="2.5" width="18" height="3" rx="1.5" fill="white" opacity="0.9" />
      <rect x="9" y="12.5" width="14" height="3" rx="1.5" fill="white" opacity="0.9" />
      <rect x="9" y="22.5" width="16" height="3" rx="1.5" fill="white" opacity="0.9" />
    </g>
  </svg>
</template>

<script setup lang="ts">
</script>

<style scoped>
svg {
  width: 100%;
  height: 100%;
}
</style>

